﻿@model Siser.Web.Models.ReporteSEPRO

@{
    ViewBag.Title = "Reporte fijo por equipo";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
@*Validación de usuario, para que no se pueda acceder a la página sin estar logueado *@
@if (@User.Identity.Name == "")
{
    
    <div style="width:800px; font-size:2em; height:500px; text-align:center; margin-top:100px" class="division">
    @Html.ActionLink("Ingrese como usuario válido...", "InicioSesion", "Cuenta")
    </div>
}
else
{
<html>
<head>

<script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.5.1.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.jqplot.min.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jqplot.dateAxisRenderer.min.js")"></script>  
<script type="text/javascript" src="@Url.Content("~/Scripts/jqplot.cursor.min.js")"></script>  
<script type="text/javascript" src="@Url.Content("~/Scripts/jqplot.highlighter.min.js")"></script>  
 <script type="text/javascript" src="@Url.Content("~/Scripts/modernizr-1.7.js")"></script>
<script language="javascript" type="text/javascript" src="@Url.Content("~/Scripts/excanvas.min.js")"></script> 
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/jquery.jqplot.min.css")" />
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/examples.min.css")" /> 
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/EsqueletoReporte.css")" />
</head>


<div class="arriba">
INFORME MEDICIONES RADIOLÓGICAS<br/>
SISER-CCHEN<br/>
Version 1.0<br/>
</div>

<br />
<div style=" width:1250px;">
<fieldset>
<legend><h3>Antecedentes Punto Medición Instalación @ViewBag.instalacion</h3></legend>
<br />
<div>
    <div class="cuadrado1">Instalación</div>
    <div class="cuadrado1">ID Equipo</div>
    <div class="cuadrado1">Proceso</div>
    <div class="cuadrado1">Detector</div>
    <div class="cuadrado1">Fecha Vencimiento Calibración</div>
    <div class="cuadrado1">Mantención</div>
    <div class="cuadrado1">Verificación</div>
    <div class="cuadrado1">Estado</div>

</div>
<div>
    <div class="cuadrado2">@ViewBag.instalacion</div>
    <div class="cuadrado2">@ViewBag.id</div>
    <div class="cuadrado2">@ViewBag.proceso</div>
    <div class="cuadrado2">@ViewBag.detector</div>
    <div class="cuadrado2">@ViewBag.calibracion</div>
    <div class="cuadrado2">@ViewBag.mantencion</div>
    <div class="cuadrado2">@ViewBag.verificacion</div>
    <div class="cuadrado2">@ViewBag.Estado</div>

</div>
</fieldset>   
</div>
<br />

<div style=" width:500px;">
<fieldset>
<legend><h3>Niveles Limites de Radiación KCPS</h3></legend><br />
 
 <div >
 <div class="cuadrado1">Registro</div>
 <div class="cuadrado1">Investigación</div>
 <div class="cuadrado1">Intervención</div>
 </div>
 <div>   
  <div class="cuadrado2">@ViewBag.operacion</div>
  <div class="cuadrado2">@ViewBag.investigacion</div>   
  <div class="cuadrado2">@ViewBag.intervencion</div>
</div>
</fieldset>
</div>
<br />

<div style=" width:1250px;">
<fieldset>
    <legend><h3>Datos Registrados</h3></legend><br />

<div style=" width:1150px;">
  <div class="cuadrado5">Dosis del período (KCPS)</div>
  <div class="cuadrado5">Numero de datos considerados</div>
  <div class="cuadrado5">Promedio (KCPS)</div>
  <div class="cuadrado5">Varianza</div>
  <div class="cuadrado5">Desviación Estandar</div>
  <div class="cuadrado5">Máximo</div>
  <div class="cuadrado5">Mínimo</div>
  <div class="cuadrado5">Distancia Exclusión</div>
  <div class="cuadrado5">% de Operación</div>
</div>
<div style=" width:1150px;">
   <div class="cuadrado6">@ViewBag.dosis @ViewBag.unidad_dosis</div>
   <div class="cuadrado6"> @ViewBag.num_muestra </div>
   <div class="cuadrado6"> @ViewBag.promedio </div>
   <div class="cuadrado6"> @ViewBag.varianza  </div>
   <div class="cuadrado6"> @ViewBag.desviacion  </div>
   <div class="cuadrado6"> @ViewBag.maximo  </div>
   <div class="cuadrado6"> @ViewBag.minimo  </div>
   <div class="cuadrado6"> ---  </div>
   <div class="cuadrado6"> @ViewBag.diasNoOP </div>
</div>
<br />      
    </fieldset>
</div>


<script type="text/javascript">
  $(document).ready(function () {
    var goog;
    goog = @Html.Raw(ViewBag.datos);

    var plot1 = $.jqplot('chart1', [goog], {
        grid: {
          
            drawBorder: false,
            shadow: false,
            background: 'rgba(0,0,0,0)'
        },
        title: 'Grafico de Dosis',
        highlighter: { show: true },
        seriesDefaults: { 
            shadowAlpha: 0.1,
            shadowDepth: 2,
            fillToZero: true
        },
        series: [
            {
                color: 'rgba(50,50,50,2)',
                negativeColor: 'rgba(50,50,50,2)',
                showMarker: true,
                showLine: true,
                fill: true,
                fillAndStroke: false,
                markerOptions: {
                    style: 'filledCircle',
                    size: 8
                },
                rendererOptions: {
                    smooth: true
                }
            },
            {
                color: 'rgba(01, 01, 01, 0.7)',
                showMarker: true,
                rendererOptions: {
                    smooth: true,
                },
                markerOptions: {
                    style: 'filledSquare',
                    size: 8
                },
            }
        ],
        axes: {
                xaxis: {
                label:'Periodo',
                    renderer: $.jqplot.DateAxisRenderer,
                    tickOptions: { formatString: "%d/%m/%Y "}
                },
                yaxis: {
                min:0,
                label:'@ViewBag.nombre_unidad',
                    // renderer: $.jqplot.LogAxisRenderer,
                    tickOptions: { prefix: ''}
                    
                }
            }
           
    });

 
});
</script>

<script type="text/javascript">
    $(document).ready(function () {
        if (!$.jqplot.use_excanvas) {
            $("#chart1").each(function () {
                var btn = $('#prueba');
                btn.bind('click', { chart: $(this) }, function (evt) {
                    $("#imagen_grafico1").attr('value', evt.data.chart.jqplotToImageStr());
                });
                $(this).after(btn);
                btn = null;
            });
        }
        $('#chart1').CanvasHack();
    });

</script>



<script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.5.1.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.jqplot.min.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jqplot.dateAxisRenderer.min.js")"></script>  
<script type="text/javascript" src="@Url.Content("~/Scripts/jqplot.cursor.min.js")"></script>  
<script type="text/javascript" src="@Url.Content("~/Scripts/jqplot.highlighter.min.js")"></script>  
<script language="javascript" type="text/javascript" src="@Url.Content("~/Scripts/excanvas.min.js")"></script>
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/jquery.jqplot.min.css")" />
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/examples.min.css")" />

<script type="text/javascript">
    $(document).ready(function () {
    var goog;
        $.jqplot.config.enablePlugins = true;
        $.jqplot._noToImageButton = false;
        goog = @Html.Raw(ViewBag.datos);
        opts = {
            title: 'Grafico de Mediciones',
            
            series: [{    
                neighborThreshold: 0
            }],
            axes: {
                xaxis: {
                label:'Periodo',
                    renderer: $.jqplot.DateAxisRenderer,
                    tickOptions: { formatString: "%d/%m/%Y "} //%#H:%#M:%#S
                },
                yaxis: {
                min:0,
                label:'@ViewBag.nombre_unidad',
                    // renderer: $.jqplot.LogAxisRenderer,
                    tickOptions: { prefix: '' }
                }
            },
            cursor: { zoom: true }
        };

        plot2 = $.jqplot('chart2', [goog], opts);
       
    });

</script>


<script type="text/javascript">
    $(document).ready(function () {
        
        if (!$.jqplot.use_excanvas) {
            $("#chart2").each(function () {
                var btn = $('#prueba');
                btn.bind('click', { chart: $(this) }, function (evt) {
                    $("#imagen_grafico").attr('value', evt.data.chart.jqplotToImageStr());
                });
                $(this).after(btn);
                btn = null;
            });
        }
        $('#chart2').CanvasHack();
    });


</script>


<br />
<div >
<h2>Grafico Frecuencia Mediciones y Operación</h2>
<h3>Grafico de Mediciones Punto: @ViewBag.id</h3>

<div style=" padding-left:30px; height:205px; width:630px;">
<div id="chart1" style=" height:200px; width:600px; "></div>
</div>

<div style=" padding-left:30px; height:250px; width:630px;">
<div id="chart2" style=" height:200px; width:600px;"></div>
</div>

</div>
<div >
<input id="prueba" type="button" value="adjuntar graficos" onclick="document.getElementById('Enviar Datos').disabled=false"/>
</div>

    @using (Html.BeginForm("reporte2", "Reporte", FormMethod.Post))
    {

<div style=" width:1200px; position:relative">
<fieldset>
<legend><h3>Registro de Anotaciones</h3></legend>
<div style="visibility:hidden" >
@Html.EditorFor(model => model.fechaInicio);
@Html.EditorFor(model => model.fechaFin);
@Html.EditorFor(model => model.equipo_id);
@Html.EditorFor(model => model.proceso);
@Html.EditorFor(model => model.verificacion);
@Html.TextBox("imagen_grafico");
@Html.TextBox("imagen_grafico1");
</div>
<div><b>Observación</b></div>
<div>@Html.TextArea("observacion", null, new { cols = "140", rows = "4" })</div>

<div><b>Conclusión</b></div>
<div >@Html.TextArea("conclusion", null, new { cols = "140", rows = "4" })</div>

<div><b>Recomendación</b></div>
<div >@Html.TextArea("recomendacion", null, new { cols = "140", rows = "4" })</div>
<div>&nbsp</div>
<div>Reporte oficial:@Html.CheckBox("estado_reporte", false)</div>
<div>
<br />
<input type="submit" value="Generar PDF"  class="botonenvio" disabled="disabled" id="Enviar Datos"/>&nbsp Debe adjuntar gráficos.
</div>
         
</fieldset>
</div>
    }
    </html>
}